/*===== 自定义按钮样式=== */
.normal-button {
    -fx-background-insets: 0;
    -fx-padding: 5;
    -fx-background-color: transparent;
}

/* 悬停状态样式 */
.hover-button {
    -fx-background-insets: 0;
    -fx-padding: 5;
    -fx-background-color: #CCCCCC;
}

/*info */
.normal-info-button{
    -fx-background-insets: 0;
    -fx-border-color: #CCCCCC;
    -fx-background-color: rgba(0, 153, 255, 0.8); /* 背景色 */
    -fx-text-fill: white; /* 文字颜色 */
    -fx-border-radius: 5; /* 圆角半径 */
    -fx-background-radius: 5; /* 背景圆角半径，通常与-fx-border-radius相同 */
    -fx-padding: 5 10 5 10 ; /* 内边距 上 右 下 左*/
    -fx-font-size: 13; /* 字体大小 */
}
.hover-info-button{
    -fx-background-insets: 0;
    -fx-border-color: #CCCCCC;
    -fx-background-color: rgba(0, 153, 255, 1.00); /* 背景色 */
    -fx-text-fill: white;
    -fx-border-radius: 5;
    -fx-background-radius: 5;
    -fx-padding: 5 10 5 10;
    -fx-font-size: 13;
}
.normal-tertiary-button{
    -fx-background-insets: 0;
    -fx-border-color: #CCCCCC;
    -fx-background-color: rgba(254, 246, 255, 1.00); /* 背景色 */
    -fx-text-fill: black;
    -fx-border-radius: 5;
    -fx-background-radius: 5;
    -fx-padding: 5 10 5 10;
    -fx-font-size: 13;
}

/* 悬停状态样式 */
.hover-tertiary-button{
    -fx-background-insets: 0;
    -fx-border-color: #CCCCCC;
    -fx-background-color: rgba(254, 246, 255, 0.80); /* 背景色 */
    -fx-text-fill: black;
    -fx-border-radius: 5;
    -fx-background-radius: 5;
    -fx-padding: 5 10 5 10;
    -fx-font-size: 13;
}







.menu-item:hover {
    /* 鼠标悬停时的样式 */
    -fx-font-size: 13px;
    -fx-background-color: #CCCCCC;
}

.menu-item:focused {
    /* 获取焦点时的样式 */
    -fx-font-size: 13px;
    -fx-background-color: #CCCCCC;
}

/*======label样式开始====== */
.label{
    -fx-text-fill: black;
    -fx-font-size: 13px;
    -fx-padding: 5px;
    -fx-border-radius: 5px;
}
/*======label样式结束======*/

/*====TextField 样式开始=====*/

.text-field {
    -fx-background-color: #ffffff;
    -fx-border-color: #d0d0d0;
    -fx-border-width: 1px;
    -fx-pref-width: 150px;
    -fx-max-width: 150px;
    -fx-pref-height: 30px;
    -fx-border-radius: 5px;
    -fx-padding: 1px;
    -fx-prompt-text-fill: #808080;
    -fx-text-fill: #333333;
    -fx-font-size: 13px;
}

.text-field:focused {
    -fx-background-color: #ffffff;
    -fx-border-color: #84abff;
}

/*输入框文本选中样式*/
.text-input {
    -fx-highlight-fill: #84abff; /* 设置选中文字时的背景颜色 */
    -fx-highlight-text-fill: white; /* 设置选中文字的颜色 */
}

.text-input:focused {
    -fx-highlight-fill: #84abff; /* 设置文本框获得焦点时的背景色 */
    -fx-highlight-text-fill: white; /* 设置文本框获得焦点时的文字颜色 */
}

/*====TextField 样式结束=====*/

/*下拉框样式开始*/
.combo-box{
    -fx-background-color: #ffffff;
    -fx-border-color: #d0d0d0;
    -fx-border-width: 1px;
    -fx-pref-height: 20px;
    -fx-max-height: 20px;
    -fx-max-width: 150px;
    -fx-border-radius: 5px;
    -fx-padding: 0px;
    -fx-prompt-text-fill: #808080;
    -fx-text-fill: #333333;
    -fx-font-size: 13px;
}
.combo-box:focused {
    -fx-background-color: #ffffff;
    -fx-border-color: #84abff;
}

.combo-box-popup .list-view {
    -fx-background-color: #f0f0f0; /* 背景色 */
    -fx-text-fill: #333333; /* 文本色 */
}

.combo-box-popup .list-cell {
    -fx-padding: 5px; /* 单元格内边距 */
}

.combo-box-popup .list-cell:hover {
    -fx-background-color: #d0d0d0; /* 鼠标悬停时的背景色 */
}
.combo-box-popup .list-cell:selected {
    -fx-background-color: #84abff; /* 选中背景色 */

}
/*ComboBox 样式结束*/
/*单选样式*/

.radio-button  {
    -fx-font-size: 13px;
    -fx-background-color: rgba(0.0,0.0,0.0,0.0); /* 透明背景 */
    -fx-background-radius: 8px; /* 圆角 */
    -fx-padding: 3 15 3 3; /* 上 右 下 左 内边距 */
}

.radio-button:hover {
    /* 鼠标悬停时的样式 */
    -fx-font-size: 13px;
    -fx-background-color: #CCCCCC;
    -fx-padding: 3 15 3 3; /* 上 右 下 左 内边距 */}

.radio-button:focused {
    /* 获取焦点时的样式 */
    -fx-font-size: 13px;
    -fx-background-color: #CCCCCC;
    -fx-padding: 3 15 3 3; /* 上 右 下 左 内边距 */}

.radio-button:selected  {
    -fx-font-size: 13px;
    -fx-background-color: #84abff; /* 选中时的蓝色背景 */
    -fx-background-radius: 8px; /* 圆角 */
    -fx-padding: 3 15 3 3; /* 上 右 下 左 内边距 */
    -fx-text-fill: white;
}

/*单选圆点样式*/
.radio-button .dot {
    -fx-background-color: rgba(0.0,0.0,0.0,0.0); /* 圆点颜色 */
    -fx-background-radius: 8px; /* 圆角 */
    -fx-padding: 0; /* 内边距 */
    -fx-pref-width: 15px;  /*占位宽高，用于选中状态和非选中状态文本对齐*/
    -fx-pref-height: 15px;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
}

.radio-button:selected .dot {
    -fx-background-color: rgba(0.0,0.0,0.0,0.0); /* 透明 */
    -fx-background-radius: 8px; /* 圆角 */
    -fx-padding: 0; /* 内边距 */
    -fx-pref-width: 15px; /* 根据图片大小调整 */
    -fx-pref-height: 15px; /* 根据图片大小调整 */
    -fx-background-image: url('/img/radio_selected.png');
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
}

.radio-button .radio {
    -fx-background-color: rgba(0.0,0.0,0.0,0.0); /* 圆点颜色 */
    -fx-background-radius: 8px; /* 圆角 */
    -fx-padding: 0; /* 内边距 */
}

/*滑动块样式*/
/* 轨道样式 */
.scroll-pane .scroll-bar:horizontal .track,
.scroll-bar:vertical .track {
    -fx-background-color: rgba(0.0,0.0,0.0,0.0); /* 轨道背景色 设置为透明，适配背景图*/
    -fx-border-color: transparent; /* 轨道边框色 */
    -fx-background-radius: 0em; /* 轨道圆角 */
    -fx-border-radius: 2em; /* 边框圆角 */
}

/* 滑块样式 */
.scroll-pane .scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    -fx-background-color: rgba(0,0,0,0.2); /* 滑块背景色 */
    -fx-background-insets: 2, 0, 0; /* 滑块内边距 */
    -fx-background-radius: 2em; /* 滑块圆角 */
}
.scroll-bar {
    -fx-pref-width: 13; /* 设置滚动条的宽度为13像素 */
}
/* 横向滚动条增减按钮样式 */
.scroll-pane .scroll-bar:horizontal .increment-button,
.scroll-pane .scroll-bar:horizontal .decrement-button {
    -fx-background-color:  rgba(0,0,0,0.2); /* 按钮背景色 */
    -fx-background-radius: 0em; /* 按钮圆角 */
    -fx-padding: 0 0 10 0; /* 按钮内边距 */
}

/* 竖向滚动条增减按钮样式 */
.scroll-pane .scroll-bar:vertical .increment-button,
.scroll-pane .scroll-bar:vertical .decrement-button {
    -fx-background-color:  rgba(0,0,0,0.2); /* 按钮背景色 */
    -fx-background-radius: 0em; /* 按钮圆角 */
    -fx-padding: 0 10 0 0; /* 按钮内边距 */
}

/* 增减按钮中图标样式（如果需要自定义图标，可以在这里设置） */
.scroll-pane .scroll-bar .increment-arrow,
.scroll-pane .scroll-bar .decrement-arrow {
    -fx-background-color:  rgba(0,0,0,0.2); /* 图标背景色 */
    -fx-padding: 0; /* 图标内边距 */
}

.scroll-pane{
    -fx-background-color: rgba(0.0,0.0,0.0,0.0);
}

/*内容区 -透明,适配背景图*/
.viewport {
       -fx-background-color:rgba(0.0,0.0,0.0,0.0);
}

/* 滚动条交叉角落*/
.corner  {
       -fx-background-color:rgba(0,0,0,0.2);
   }


/*line 样式开始*/
.line {
    -fx-stroke: rgba(0.0,0.0,0.0,0.2); /* 线条颜色 */
    -fx-stroke-width: 1.5; /* 线条宽度 */
    /*-fx-stroke-dash-array: 10 5; !* 虚线样式：10个单位实线，5个单位空白 *!*/
    -fx-stroke-dash-offset: 0; /* 虚线偏移量 */
    -fx-stroke-line-cap: round; /* 线帽样式：圆形 */
    -fx-stroke-line-join: round; /* 线连接样式：圆形（对于多条线段相交时） */
}

/*自定义样式*/
/*关闭按钮背景色*/
.hover-button-close{
    -fx-background-insets: 0;
    -fx-padding: 5;
    -fx-background-color: red;
}



